<template>
  <div id="components-back-top-demo-custom">
    <a-back-top style="margin-bottom: -70px;margin-right: -70px;">
      <up-circle-two-tone class="ant-back-top-inner"/>
    </a-back-top>
    <slot></slot>
  </div>
</template>

<script setup lang="ts">
import {UpCircleTwoTone} from '@ant-design/icons-vue'
</script>

<style lang="less" scoped>
#components-back-top-demo-custom .ant-back-top {
  bottom: 100px;
}
#components-back-top-demo-custom .ant-back-top-inner {
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin-right: 200px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-size: 50px;
}
</style>